/**.recipes-navigation-div{
    background: -moz-linear-gradient(center top , #3D3D3D 0%, #2D2D2D 100%) repeat scroll 0 0 transparent;
    height: 40px;
    position: relative;
    width: 100%;
}
.recipes-navigation-item{
	position:relative;
	color:#BBBBBB;
	width:20%;
	height:100%;
	float:left;
	text-align:center;
	line-height:40px;
	cursor:pointer;
}**/
.recipes-content-container{
	width:100%;
	height:900px;
}
.recipes-overview-container{
    background: none repeat scroll 0 0;
    float: left;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    width: 406px;
}
.recipes-category-name{
    background-color: rgba(0, 0, 0, 0.6);
    color: #CCCCCC;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    width: 100%;
}
.recipes-listContainer{
	width:100%;
}
.recipes-item{
	list-style-type: none;
	padding:3px;
	margin-top:3px;
	border-left:7px solid rgba(0,0,0,0.6);
	color: rgba(0,0,0,0.8);
	font-family:"courier";
	cursor:pointer;
}
.recipes-item.hover{
	border-left:7px solid rgba(0,0,0,0.2);
}
.recipes-item.selected{
	border-left:10px solid rgba(0,150,200,0.8);
}
.recipes-selected-container{
	position:relative;
	height:100%;
	width:607px;
	float:left;
	overflow:hidden;
}
.recipes-selected-title{
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    font-size: 23px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    width: 96.8%;
}
.recipes-selected-title-text{
    float: left;
    height: 100%;
    width: 90%;
}
.recipes-selected-title-deleteRecipe-div{
    background-image: url("../images/icons/delete-icon.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 76%;
    margin-left: 2%;
    margin-top: 0.5%;
    width: 5%;
    cursor: pointer;
}
.recipes-selected-ingredients-div{
    padding: 10px;
    width: 97%;
    border-bottom:1px solid rgba(0,0,0,0.3);
	word-wrap: break-word;
}
.recipes-selected-ingredients-listContainer{
	width:100%;
	float:top;
}
.recipes-selected-description-div{
    padding: 20px;
    width: 93.5%;
}
.recipes-selected-description-text{
	width:100%;
	float:top;
	word-wrap: break-word;
}


/*ADD RECIPE*/
.recipes-form-header{
    background-color: rgba(0, 0, 0, 0.5);
    color: #BBBBBB;
    float: left;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    position: relative;
    width: 98.1%;
}
.recipes-form-item{
	width:100%;
	margin-top:10px;
	position:relative;
	float:left;
}
#recipes-selectCategory{
	float:left;
}
.recipes-form-ingredients-container{
	width:100%;
	float:left;
}
.recipes-form-ingredients-header{
	width:100%;
	float:left;
}
#recipes-form-ingredients-descriptiontag{
    float: left;
    margin-left: 10%;
    width: 20%;
}
#recipes-form-ingredients-quantitytag{
    float: left;
    margin-left: 31.5%;
    width: 20%;
}
.recipes-form-ingredients-addIngredient-container{
    float: left;
    height: 30px;
    width: 100%;
}
#recipes-form-ingredients-addIngredient-button-div{
    float: left;
    height: 100%;
    margin-left: 10%;
    width: 3%;
    background-image: url('../images/icons/plus.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor:pointer;
}
#recipes-form-ingredients-addIngredient-text{
    float: left;
    font-size: 14px;
    height: 100%;
    margin-left: 0;
    padding: 6px;
    width: 15%;
}
.recipes-form-item-title{
	width:10%;
	float:left;
}
.recipes-form-item-input{
	width:68%;
	float:left;
}
textarea#description {
	min-width:400px;
	max-width:838px;
	font-size:15px;
}
#recipes-form-submit{
	float: left;
    margin-left: 10%;
    margin-top: 1%;
}
/*MANAGE CATEGORIES*/
.recipes-manageCategories-header{
    background-color: rgba(0, 0, 0, 0.5);
    color: #BBBBBB;
    float: left;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    margin-top:10px;
    position: relative;
    width: 98.1%;
}
.recipes-manageCategories-categoriesList{
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	width:30%;
	float:left;
}
.recipes-manageCategories-radio{
	width:100%;
	background-color:red;
}
.recipes-manageCategories-categoryItem{
	height:20px;
	width:100%;
	background-color:#BBBBBB;
	border-bottom:1px solid rgba(0,0,0,0.3);
	padding:5px;
	color:black;
	float:left;
	cursor:pointer;
}
.category-selected{
	background-color:#EEEEEE;
	color:#1B67E0;
}
.recipes-manageCategories-right-div{
	padding:10px;
	height:100%;
	width:68%;
	float:left;
}
#recipes-manageCategories-addCategory-input{
	float:left;
}
#categories-form-submit{
	width:30px;
}
.recipes-manageCategories-removeCategory-div{
	float:left;
	width:100%;
	margin-top:5px;
}